﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style>
        body {
            margin: 0;
            font-family: Arial;
            font-size: x-large;
        }

        img {
            position: relative;
            top: 1px;
            left: -19px;
            height: 189px;
            width: 541px;
        }

        #cabecera {
            /*background-color:#9453ae;*/
            width: 100%;
            height: 150px;
            background: -webkit-linear-gradient(orange, white);
            background: -moz-linear-gradient(orange, white);
            background: -o-linear-gradient(orange, white);
        }

        #login {
            float: right;
            margin-right: 100px;
            margin-top: 10px;
            margin-bottom: 5px;
            width: 366px;
        }

        .log {
            height: 25px;
            width: 130px;
            font-size: medium;
            font-weight: bold;
        }

        #logo {
            position: absolute;
        }


        #boton {
            position: relative;
            height: 48px;
            width: 59px;
            top: -75px;
            left: 270px;
            background-color: white;
            font-weight: bold;
        }
        #boton:hover{
            background-color: #ffcc33;
        }
                #pie1 {
            /*background-color: #9453ae;*/
            margin-top: -70px;
            width: 100%;
            height: 70px;
            background: -webkit-linear-gradient(white, pink);
            background: -moz-linear-gradient(white, pink);
            background: -o-linear-gradient(white, pink);
            position:relative;
            z-index:0;
        }

        #pie2 {
            /*background-color: #ba88ce;*/
            
            width: 100%;
            height: 150px;
            text-align: center;
            font-size:medium;
            background: -webkit-linear-gradient(pink, orange);
            background: -moz-linear-gradient(pink, orange);
            background: -o-linear-gradient(pink, orange);
            position:relative;
            z-index:0;
        }
        #cuerpo{
            height: 290px;
        }
    </style>
</head>
<body>
    <div id="cabecera">

        <div id="logo">
            <img src="img/logo.png" />
        </div>

        <div id="login">
            <form action="index.php" method="post">
                <center>
                <label>Usuario <br /><input class="log" id="usuario" name="usuario" type="text" /></label><br />
                <label>Contraseña 
                <br /> <input class="log" id="pass" name="pass" type="password" /></label>
                </center>
                <input id="boton" type="submit" value="Entrar" />
            </form>
        </div>

    </div>

    <br /><br />

    <center>

    <div id="mensaje">


